<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<ui:composition
	template="/templateadminlte/master/master_template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="content">


		<aside class="right-side"> <!-- Content Header (Page header) -->

		<section class="content-header">
		<div class="aling-left">
			<ol class="breadcrumb-sitemap ol">
				<li><a
					href="${facesContext.externalContext.requestContextPath}/index.xhtml"><i
						class="fa fa-child"></i> Aluno</a> > Cadastro</li>
			</ol>
		</div>
		</section> <!-- Main content --> <section class="content">
		<div class="row">
			<div class="col-md-12">

				<!-- MENU ACCORDION -->

				<div class="box box-primary">
					<div class="box-header collapsed" data-toggle="collapse"
						data-parent="#accordion" href="#collapseOne">

						<h4 class="box-title">
							<i class="fa fa-search" style="margin-right: 3px;"></i><a>Pesquisa</a>
						</h4>
					</div>
					<div id="collapseOne" class="panel-collapse collapse"
						style="height: 0px;">
						<div class="panel-body">Lorem ipsum dolor sit amet,
							consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
							labore et dolore magna aliqua. Ut enim ad minim veniam, quis
							nostrud exercitation ullamco laboris nisi ut aliquip ex ea
							commodo consequat. Duis aute irure dolor in reprehenderit in
							voluptate velit esse cillum dolore eu fugiat nulla pariatur.
							Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
							officia deserunt mollit anim id est laborum.</div>
					</div>
				</div>

				<!-- /. MENU ACCORDION -->

				<!-- MODAL NOVO REGISTRO -->

				<div class="panel-body" style="padding-left: 0px;">
					<button class="btn btn-primary" data-toggle="modal"
						data-target="#myModal">Novo Cadastro</button>
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
						aria-labelledby="myModalLabel" aria-hidden="true">

						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-hidden="true">×</button>
									<h2 class="modal-title" id="myModalLabel"><label>Cadastro de
										Aluno</label></h2>
								</div>
								<div class="modal-body">
									<div class="form-group-modal">
									<p:messages id="messages"/>
										<h3>Preencha o máximo dos campos para facilitar pesquisar
											futuras.</h3>
										<br />
										<h:form class="form-horizontal" method="post" action=""
											role="form">
											<div class="form-group">
												<label for="nome">Nome</label>
												<p:inputText styleClass="form-control" id="nome"
													placeholder="Nome do aluno"  required="true" requiredMessage="Campo Obrigatório"/>
												<p:message for="nome" display="tooltip" />
											</div>
											<div class="form-group">
												<label for="nomeMae">Nome da Mãe</label> <input type="text"
													class="form-control" id="nomeMae" name="nomeMae"
													placeholder="Nome da Mãe do aluno" />
											</div>
											<div class="row">
												<div class="form-group">
													<div class="col-sm-8">
														<label for="endereco">Endereço</label> <br /> <input
															type="text" class="form-control" id="endereco"
															name="endereco" placeholder="Rua, beco, Av ..." />
													</div>
													<div class="col-sm-4">
														<label for="numeroEnd">Nº</label> <br /> <input
															type="text" class="form-control" id="numeroEnd"
															name="nome" placeholder="Número da residência" />
													</div>
												</div>
											</div>

											<div class="row">
												<div class="form-group">
													<div class="col-sm-8">
														<label for="compEnd">Complemento</label> <br /> <input
															type="text" class="form-control" id="compEnd"
															name="compEnd" placeholder="Apto, Bloco ..." />
													</div>
													<div class="col-sm-4">
														<label for="cepEnd">CEP</label> <br /> <input type="text"
															class="form-control" id="cepEnd" name="cepEnd"
															placeholder="CEP da residência" />
													</div>
												</div>
											</div>

											<div class="row">
												<div class="form-group">
													<div class="col-sm-8">
														<label for="bairroEnd">Bairro</label> <br /> <input
															type="text" class="form-control" id="bairroEnd"
															name="bairro" placeholder="Bairro" />
													</div>
													<div class="col-sm-4">
														<label for="cidade">Cidade</label><br /> <input
															type="text" class="form-control" id="cidade"
															name="cidade" placeholder="Cidade" />
													</div>
												</div>
											</div>
											<div class="form-group"></div>

											<div class="form-group"></div>
											<div class="form-group">
												<center>
													<div class="col-sm-12">
														<button type="submit" class="btn btn-success">
															<i class="fa fa-plus-square-o fa-2x"></i><span
																class="button-modal">   Salvar e fazer Novo
																cadastro</span>
														</button>
													</div>
												</center>
											</div>

										</h:form>

									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default"
										data-dismiss="modal">Sair</button>
									<button type="button" class="btn btn-danger">
										<i class="fa fa-check-square-o"></i>Confirmar Cadastro(s)
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /. MODAL NOVO REGISTRO -->

				<!-- LISTAGEM DE ALUNOS -->

				<div class="box box-primary">
					<div class="box-header">
						<h4 class="box-title">
							<a>Listagem de Alunos</a>
						</h4>
					</div>
					<div class="box-body">
						<div class="table-responsive">
							<table class="table">
								<thead>
									<tr>
										<th>#</th>
										<th>First Name</th>
										<th>Last Name</th>
										<th>Username</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>1</td>
										<td>Mark</td>
										<td>Otto</td>
										<td>@mdo</td>
									</tr>
									<tr>
										<td>2</td>
										<td>Jacob</td>
										<td>Thornton</td>
										<td>@fat</td>
									</tr>
									<tr>
										<td>3</td>
										<td>Larry</td>
										<td>the Bird</td>
										<td>@twitter</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>

				<!-- /. LISTAGEM DE ALUNOS -->
			</div>
			<!-- /. ROW  -->
		</div>
		</section> <!-- /.content --> </aside>
		<!-- /.right-side -->

		<!-- add new calendar event modal -->
	</ui:define>
</ui:composition>
</html>
